// 系统设置页面统一导出（占位）
import React from 'react';
import { Box, Typography, Card, CardContent } from '@mui/material';
import { PageHeader } from '@/components/common/PageHeader';

const PlaceholderPage: React.FC<{ title: string; description: string }> = ({ title, description }) => (
  <Box sx={{ p: 3 }}>
    <PageHeader title={title} description={description} />
    <Card>
      <CardContent>
        <Typography variant="h6" color="text.secondary" sx={{ mb: 2 }}>
          {description}
        </Typography>
        <Typography variant="body2" color="text.secondary">
          此页面正在开发中，敬请期待...
        </Typography>
      </CardContent>
    </Card>
  </Box>
);

export const SystemSettingsPage = () => (
  <PlaceholderPage title="系统设置" description="管理系统全局配置" />
);

export const TenantSettingsPage = () => (
  <PlaceholderPage title="租户设置" description="管理租户配置信息" />
);

export const OrganizationSettingsPage = () => (
  <PlaceholderPage title="组织设置" description="管理组织配置信息" />
);

export const AuditLogsPage = () => (
  <PlaceholderPage title="审计日志" description="查看系统操作日志" />
);

export default SystemSettingsPage;